<style>
#loaitintrongtheloai  #path {
	color:#FFFFFF;
	padding-top:13px;
	padding-bottom:5px;
	font-weight:bold;
	background-image: url(image/label_long.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 700px;
	padding-left: 10px;
	text-align: left;
}

#loaitintrongtheloai #path a{
	text-decoration:none;
	color:#FFFFFF;
}
#loaitintrongtheloai #path a:hover{
	text-decoration:none;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#loaitintrongtheloai .row_loaitin {
	padding-right:5px;
	min-height:25px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC3300;
	padding-left: 10px;
	clear: both;
}

#loaitintrongtheloai .xemtiep {
	text-align: right;
	clear: left;
}
#loaitintrongtheloai .xemtiep a {color: #990033;text-decoration: none;}
#loaitintrongtheloai .xemtiep a:hover {color: #006699;text-decoration: underline;}
#loaitintrongtheloai .tieude{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	background-image: url(images/icon_category.gif);
	background-position: 10px 4px;
	background-repeat: no-repeat;
	height: 34px;
	text-align: left;
	margin-left: 0px;
	padding-left: 70px;
}
.sub {
	text-align: left;
	float: left;
	padding-left: 10px;
}

/* ---------------------------TOOLTIP--------------------------- */
#rollover a {
text-decoration:none;}

#rollover  a span {
	visibility:hidden;
	display:block;
	position:absolute;
	/**adjust disjointed text position in % or px**/ 
left:10%;
	color:#666;
	border: 2px dotted #80FF80;
	padding: 5px;
	background-color: #F3F3F3;
}

#rollover  a:hover span, #rollover  a:active span, #rollover  a:focus span {
visibility:visible;
}

#rollover  a:hover, #rollover  a:focus{
text-decoration: none;
color:#FF6600;
visibility:visible; }
/* ---------------------------TOOLTIP--------------------------- */

.mau {
	font-weight: bold;
	color: #006600;
	text-transform: uppercase;
}
#loaitintrongtheloai .row_loaitin .sub #rollover img {
	border: 1px dotted #80FF80;
}
</style>
<?php
require_once('classTin.php');
$t = new tin;
$idTL=$_GET['idTL']; settype($idTL, "int");  
$tenloaitin = $t->LoaiTinTrongTheLoaiMoi($idTL, $lang);
$ten_loaitin = mysql_fetch_assoc($tenloaitin);
$loaitin = $t->LoaiTinTrongTheLoai($idTL, $lang);
?>

<div id="loaitintrongtheloai">

    <div id="path"> 
    	<a href="index.php">Home</a> &nbsp;<img src="images/icon_arrow.png" alt="&gt;">
		<?=$ten_loaitin['TenTL'];?>    </div>
    <?php 
		while($row_loaitin=mysql_fetch_assoc($loaitin)) {
		$idLT = $row_loaitin['idLT'];
	?>
    <div class="row_loaitin">
        <p class="tieude"><?=$row_loaitin['Ten'];?></p>
        <?php
			$tin = $t->TinTrongLoai2($idLT, '');	
			while($row_tin=mysql_fetch_assoc($tin)) {
		?>
        <span class="sub">
        
        <div id="rollover">  
        <a href="index.php?p=details&idTin=<?=$row_tin['idTin']?>">
        <img src="<?=$row_tin['urlHinh']?>" width="50" height="50"  value="<?=$row_tin['idTin']?>" alt="<?=$row_tin['TieuDe']?>" title="<?=$row_tin['TieuDe']?>"/>
        <span><img src="<?=$row_tin['urlHinh']?>" width="200" height="200" align="left"/><b class="mau"><?=$row_tin['TieuDe']?></b></span>
        </a>
        </div><!--END DIV ROLLOVER-->
        
        	
        </span>
        <?php } ?>
        <div class="xemtiep"> 
        	<a href="index.php?p=cat&idLT=<?=$row_loaitin['idLT']?>">Các tin trong mục...</a> 
        </div>
    </div>
    <?php } ?>

</div> <!--div loaitintrongtheloai -->


